<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="./lib/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- 如果使用组件，把组件的名称，以HTML标签的形式引入到页面 -->
			<my-com1></my-com1>
		</div>
		
		<script>
			
			// 创建全局的组件
			var com1 = Vue.extend({
				template:'<h3>这是通过Vue.extend创建的组件</h3>'
			})
			//使用Vue.component('组件名称',创建出来的组件模板对象)
			//如果用驼峰命名，应用组件的时候需要改成小写字母并加一个-
			Vue.component('myCom1',com1)
			
			// Vue.component('mycom1',Vue.extend({
			// 	template:'<h3>这是通过Vue.extend创建的组件</h3>'
			// }))
			var vm = new Vue({
				el:'#app',
				data:{},
				methods:{}
			})
		</script>
	</body>
</html>
